<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            h1 {
                font-family: "Trebushet MS";
                font-size: 32px;
                color: #222;
                text-shadow: 2px 2px 2px #AAA;
                position: relative;
                top: 50px;
                left: 50px;
            }
            table {
                border-collapse: collapse;
                box-shadow: 2px 2px 2px #CCC;
                position: relative;
                top: 50px;
                left: 50px;
            }
            
            th {
                border-right: 1px solid #888;
                border-bottom: 1px solid #888;
                background-color: #d9edf7;
            }
            
            td {
                text-align: center;
                border: 1px solid #888;
            }
        </style>
    </head>
    <body>
        <?php
        // put your code here
        
        ?>
         <h1>Table de multiplication</h1>
        <table>
            <tr>
                 <?php for ($j=1; $j<=10; $j++) { ?>
                        <th><?php echo $j; ?></th>
                    <?php } ?>
            </tr>
                <?php for ($i=1; $i<=10; $i++) { ?>
                    <tr> 
                        <th><?php echo $i; ?></th>
                        <?php for ($j=2; $j<=10; $j++) { ?>
                            <td><?php echo ($i*$j); ?></td>
                        <?php } ?>
                        
            <?php } ?>
        </table>
    </body>
</html>
